<html>
<head>
<title>Photoshop Hue and Saturation Lesson 7</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table WIDTH=564 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <tr valign="absbottom" align="left"> 
    <td colspan="2"><img src="images/headertop.gif" width="659" height="53"></td>
  </tr>
  <tr> 
    <td valign="top" align="left" width="103"><img src="images/headerside.gif" hspace="0" vspace="0" width="96" height="153" align="top" border="0"><img src="images/pssidebar.gif" width="72" height="508"></td>
    <td align="right" valign="top" width="568">
      <table border="0" height="1509" width="550">
        <tr> 
          <td valign="top" align="center" colspan="3" height="12"><img src="images/LessonTitle7.gif" width="335" height="50"></td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="006633"><b>What 
              are hue<br>
              and saturation?</b></font></p>
            <p>&nbsp;</p>
          </td>
          <td colspan="2" align="left" valign="top"> 
            <div align="left"> 
              <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Hue 
                is another name for color. When an image&#146;s hue is adjusted, 
                the base color of that image changes in correlation with the color 
                wheel. </font></p>
              <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
                image&#146;s saturation refers to the intensity of its colors.<br>
                <br>
                <br>
                </font></p>
            </div>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="3" height="179"> 
            <div align="right"> 
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr> 
                  <td> 
                    <div align="center"><img src="images/Circular-GateDark.jpg" width="231" height="202"></div>
                  </td>
                  <td> 
                    <div align="center"><img src="images/Circular-GateLight.jpg" width="236" height="206"></div>
                  </td>
                </tr>
                <tr> 
                  <td>
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Original 
                      Image</b></font></div>
                  </td>
                  <td> 
                    <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><br>
                      Enhanced Image<br>
                      </b></font></div>
                  </td>
                </tr>
              </table>
            </div>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="3" height="11"> 
            <hr>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180"> 
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><font size="3" face="Verdana, Arial, Helvetica, sans-serif" color="#006633">How 
              do I<br>
              adjust the hue<br>
              and saturation?</font></b></font></p>
          </td>
          <td align="left" valign="top" colspan="2"> 
            <div align="left"> 
              <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">It 
                is a simple task to adjust the brightness and contrast in a photograph:</font></p>
              <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">1) 
                Pull down </font><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"> 
                the <b>Layer</b> menu.</font></font></p>
              <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">2) 
                Point to <font face="Verdana, Arial, Helvetica, sans-serif" size="2"> 
                <b>New Adjustment Layer</b>. (The New Adjustment Layer will create 
                a layer for your enhancements so the original image remains intact.)<br>
                </font></font></p>
              <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">3) 
                Click on <b>Hue/Saturation</b>. </font></font></p>
              <p align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><img src="images/huesaturationmenu.gif" width="225" height="285"></b></font></font></p>
              <br>
              <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
                Hue/Saturation dialog box will appear:</font></font></p>
              <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><b><img src="images/huesaturationbox.gif" width="300" height="198"></b></font></div>
            </div>
          </td>
        </tr>
        <tr> 
          <td width="180" valign="top" align="left">&nbsp;</td>
          <td width="336" align="left" valign="top"><br>
          </td>
          <td width="38" align="left" valign="top">&nbsp;</td>
        </tr>
        <tr> 
          <td width="180" valign="top" align="left">&nbsp;</td>
          <td colspan="2" align="left" valign="top"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">4) 
              Check the <b>Preview</b> check box. This will show you your adjustments 
              before you finalize them.</font></font> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">5) 
              Adjust the Hue, Saturation and Lightness levels using either the 
              slider bars or by changing the numericals values.</font></font> 
              <br>
              <br>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="3"> 
            <p align="center"><a href="#top"><img src="images/EndOfLesson.gif" width="126" border = "0" height="28" alt="End of Lesson"></a></p>
            <p align="center"><b><font face="Arial, Helvetica, sans-serif" size="1">Copyright 
              &copy; 2001, Bloomsburg University Virtual Training Help Center.<br>
              All rights reserved. This material may not be used without written 
              permission.<br>
              Contact Dr. Mary Nicholson at <a href="mailto:mjnich@bloomu.edu">mjnich@bloomu.edu<br>
              </a>The screenshots contained in this tutorial were created in Adobe 
              Photoshop 6.0.<a href="mailto:mjnich@bloomu.edu"> </a></font></b></p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<p align="center">&nbsp;</p>
<div align="center"></div>
<map name="Map"> 
  <area shape="rect" coords="8,99,59,132" href="../../../photoshopmain.htm" alt="Turorials" title="Turorials">
</map>
</body>
</html>
